<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2021/11/15
Time: 16:10
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>书城首页</title>

<!-- CSS here -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/owl.carousel.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/slicknav.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/animate.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/price_rangs.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/magnific-popup.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/fontawesome-all.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/themify-icons.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/slick.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/nice-select.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/style.css">
</head>
<body>
<jsp:include page="header.jsp" flush="true"/>
<main>
<!-- slider Area Start-->
<div class="slider-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="slider-active dot-style">
                    <!-- Single Slider -->
                    <div class="single-slider slider-height slider-bg1 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 col-sm-7">
                                    <div class="hero-caption text-center">
                                        <span data-animation="fadeInUp" data-delay=".2s">Science Fiction</span>
                                        <h1 data-animation="fadeInUp" data-delay=".4s">The History<br> of Phipino</h1>
                                        <a href="#" class="btn hero-btn"  data-animation="bounceIn" data-delay=".8s">Browse Store</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Slider -->
                    <div class="single-slider slider-height slider-bg2 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 col-sm-7">
                                    <div class="hero-caption text-center">
                                        <span data-animation="fadeInUp" data-delay=".2s">Science Fiction</span>
                                        <h1 data-animation="fadeInUp" data-delay=".4s">The History<br> of Phipino</h1>
                                        <a href="#" class="btn hero-btn"  data-animation="bounceIn" data-delay=".8s">Browse Store</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Slider -->
                    <div class="single-slider slider-height slider-bg3 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 col-sm-7">
                                    <div class="hero-caption text-center">
                                        <span data-animation="fadeInUp" data-delay=".2s">Science Fiction</span>
                                        <h1 data-animation="fadeInUp" data-delay=".4s">The History<br> of Phipino</h1>
                                        <a href="#" class="btn hero-btn"  data-animation="bounceIn" data-delay=".8s">Browse Store</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- slider Area End-->
<!-- Best Selling start -->
<div class="best-selling section-bg">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-7 col-lg-8">
                <div class="section-tittle text-center mb-55">
                    <h2>Best Selling Books Ever</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div class="selling-active">
                    <!-- Single -->
                    <c:forEach items="${book}" var="book">
                        <div class="properties pb-20">
                        <div class="properties-card">
                            <div class="properties-img">
                                <a href="${pageContext.request.contextPath}/bookStore/todetail?bookid=${book.bookId}"><img src="${book.bookImg}" alt="" style="width: 192px;height: 288.96px;"></a>
                            </div>
                            <div class="properties-caption">
                                <h3><a href="book-details.html">${book.bookName}</a></h3>
                                <p>${book.author.authorName}</p>
                                <div class="properties-footer d-flex justify-content-between align-items-center">
                                    <div class="review">
                                        <div class="rating">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star-half-alt"></i>
                                        </div>
                                        <p>(<span>120</span> Review)</p>
                                    </div>
                                    <div class="price">
                                        <span>￥${book.price}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Best Selling End -->
<!--  services-area start-->
<div class="services-area2 top-padding">
    <div class="container">
        <div class="row">
            <div class="col-xl-9 col-lg-9 col-md-8">
                <div class="row">
                    <!-- tittle -->
                    <div class="col-xl-12">
                        <div class="section-tittle d-flex justify-content-between align-items-center mb-40">
                            <h2 class="mb-0">Featured This Week</h2>
                            <a href="#" class="browse-btn">View All</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="services-active">
                            <!-- Single -->
                            <c:forEach var="week" items="${week}">
                                <div class="single-services d-flex align-items-center">
                                <div class="features-img">
                                    <img src="${week.bookImg}" alt="" style="width: 282px;height: 427px">
                                </div>
                                <div class="features-caption">
                                    <h3>${week.bookName}</h3>
                                    <p>${week.author.authorName}</p>
                                    <div class="price">
                                        <span>￥${week.price}</span>
                                    </div>
                                    <div class="review">
                                        <div class="rating">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star-half-alt"></i>
                                        </div>
                                        <p>(120 Review)</p>
                                    </div>
                                    <a href="book-details.html" class="border-btn">查看详情</a>
                                </div>
                            </div>
                            </c:forEach>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-xl-3 col-lg-3 col-md-4 col-sm-9">
                <!-- Google Addd -->
                <div class="google-add">
                    <img src="${pageContext.request.contextPath}/statics/img/gallery/ad.jpg" alt="" class="w-100">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- services-area End-->
<!-- Latest-items Start -->
<section class="our-client section-padding best-selling">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-xl-5 col-lg-5 col-md-12">
                <!-- Section Tittle -->
                <div class="section-tittle  mb-40">
                    <h2>Latest Published items</h2>
                </div>
            </div>
            <div class="col-xl-7 col-lg-7 col-md-12">
                <div class="nav-button mb-40">
                    <!--Nav Button  -->
                    <nav>
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            <a class="nav-link active" id="nav-one-tab" data-bs-toggle="tab" href="#nav-one" role="tab" aria-controls="nav-one" aria-selected="true">全部</a>
                            <a class="nav-link" id="nav-two-tab" data-bs-toggle="tab" href="#nav-two" role="tab" aria-controls="nav-two" aria-selected="false">小说</a>
                            <a class="nav-link" id="nav-three-tab" data-bs-toggle="tab" href="#nav-three" role="tab" aria-controls="nav-three" aria-selected="false">红色文学</a>
                            <a class="nav-link" id="nav-four-tab" data-bs-toggle="tab" href="#nav-four" role="tab" aria-controls="nav-four" aria-selected="false">计算机</a>
                            <a class="nav-link" id="nav-five-tab" data-bs-toggle="tab" href="#nav-five" role="tab" aria-controls="nav-five" aria-selected="false">历史</a>
                        </div>
                    </nav>
                    <!--End Nav Button  -->
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Nav Card -->
        <div class="tab-content" id="nav-tabContent">
            <div class="tab-pane fade show active" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab">
                <!-- Tab 1 -->
                <div class="row">
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling7.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling8.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling6.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling4.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling9.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${pageContext.request.contextPath}/statics/img/gallery/best_selling2.jpg" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">Moon Dance</a></h3>
                                    <p>J. R Rain</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>$50</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
                <!-- Tab 2 -->
                <div class="row">
                    <c:forEach items="${kind}" var="kind">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${kind.bookImg}" alt="" style="width: 196px;height: 295px;"></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">${kind.bookName}</a></h3>
                                    <p>${kind.author.authorName}</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>￥${kind.price}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </c:forEach>
                </div>
            </div>
            <div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab">
                <!-- Tab 3 -->
                <div class="row">
                    <c:forEach var="kind1" items="${kind1}">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="properties pb-30">
                                <div class="properties-card">
                                    <div class="properties-img">
                                        <a href="book-details.html"><img src="${kind1.bookImg}" style="width: 196px;height: 295px;" alt=""></a>
                                    </div>
                                    <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">${kind1.bookName}</a></h3>
                                    <p>${kind1.author.authorName}</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>￥${kind1.price}</span>
                                        </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </c:forEach>

                </div>
            </div>
            <div class="tab-pane fade" id="nav-four" role="tabpanel" aria-labelledby="nav-four-tab">
                <!-- Tab 4 -->
                <div class="row">
                    <c:forEach var="kind2" items="${kind2}">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${kind2.bookImg}" alt="" style="width: 196px;height: 295px;"></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">${kind2.bookName}</a></h3>
                                    <p>${kind2.author.authorName}</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>￥${kind2.price}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </c:forEach>
                </div>
            </div>
            <div class="tab-pane fade" id="nav-five" role="tabpanel" aria-labelledby="nav-five-tab">
                <!-- Tab 5 -->
                <div class="row">
                    <c:forEach items="${kind3}" var="kind3">
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="properties pb-30">
                            <div class="properties-card">
                                <div class="properties-img">
                                    <a href="book-details.html"><img src="${kind3.bookImg}" style="width: 196px;height: 295px;" alt=""></a>
                                </div>
                                <div class="properties-caption properties-caption2">
                                    <h3><a href="book-details.html">${kind3.bookName}</a></h3>
                                    <p>${kind3.author.authorName}</p>
                                    <div class="properties-footer d-flex justify-content-between align-items-center">
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(<span>120</span> Review)</p>
                                        </div>
                                        <div class="price">
                                            <span>￥${kind3.price}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </c:forEach>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div class="more-btn text-center mt-15">
                    <a href="#" class="border-btn border-btn2 more-btn2">Browse More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Latest-items End -->
<!-- Want To work -->
<section class="container">
    <div class="row align-items-center justify-content-between">
        <div class="col-xl-6 col-lg-6">
            <div class="wantToWork-area w-padding2 mb-30" data-background="${pageContext.request.contextPath}/statics/img/gallery/wants-bg1.jpg">
                <h2>The History<br> of Phipino</h2>
                <div class="linking">
                    <a href="#" class="btn wantToWork-btn">View Details</a>
                </div>
            </div>
        </div>
        <div class="col-xl-6 col-lg-6">
            <div class="wantToWork-area w-padding2 mb-30" data-background="${pageContext.request.contextPath}/statics/img/gallery/wants-bg2.jpg">
                <h2>Wilma Mumduya</h2>
                <div class="linking">
                    <a href="#" class="btn wantToWork-btn">View Details</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Want To work End -->
<!-- Subscribe Area Start -->
<section class="subscribe-area" >
    <div class="container">
        <div class="subscribe-caption text-center  subscribe-padding section-img2-bg" data-background="${pageContext.request.contextPath}/statics/img/gallery/section-bg1.jpg">
            <div class="row justify-content-center">

                <div class="col-xl-6 col-lg-8 col-md-9">
                    <h3>Join Newsletter</h3>
                    <p>Lorem started its journey with cast iron (CI) products in 1980. The initial main objective was to ensure pure water and affordable irrigation.</p>
                    <form action="#">
                        <input type="text" placeholder="Enter your email">
                        <button class="subscribe-btn">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Subscribe Area End -->
</main>
<jsp:include page="footer.jsp" flush="true"/>
<!-- Scroll Up -->
<div id="back-top" >
<a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
</div>

<!-- JS here -->
<!-- Jquery, Popper, Bootstrap -->
<script src="${pageContext.request.contextPath}/statics/js/modernizr-3.5.0.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery-1.12.4.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/popper.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/bootstrap.min.js"></script>

<!-- Slick-slider , Owl-Carousel ,slick-nav -->
<script src="${pageContext.request.contextPath}/statics/js/owl.carousel.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/slick.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.slicknav.min.js"></script>

<!--wow , counter , waypoint, Nice-select -->
<script src="${pageContext.request.contextPath}/statics/js/wow.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.magnific-popup.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.nice-select.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.counterup.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/waypoints.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/price_rangs.js"></script>

<!-- contact js -->
<script src="${pageContext.request.contextPath}/statics/js/contact.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.form.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.validate.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/mail-script.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery.ajaxchimp.min.js"></script>

<!--  Plugins, main-Jquery -->
<script src="${pageContext.request.contextPath}/statics/js/plugins.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/main.js"></script>
</body>
</html>
